.home-wrapper {
  border-bottom: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  margin-bottom: 25px;
}

.home-content {
  background-color: white;
  padding: 25px;

  & > div {
    margin-bottom: 25px;
  }
}

.home-menu {
  border-bottom: 1px solid #f4f4f4;
}

.home-search {
  width: 150px;
}

.home-list {
  width: 100%;

  & > li {
    border: 2px solid #e8eff5;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 140px;
    margin: 0 35px 35px 0;
    position: relative;
    transform-style: preserve-3d;
    transition: 0.6s;
    width: 325px;

    & > div {
      height: 100%;
      padding: 15px;

      &:nth-child(3n+3) {
        margin-right: 0;
      }
    }

    &.active,
    &:hover {
      border-color: #21a0ff;
      box-shadow: 0 0 3px 0 #f1f8ff;
    }

    & .ant-menu-item {
      margin: 0;
    }
  }
}

.home-list-position {
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
